<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>表单页面</title>
</head>
<body>
    <h2>表单信息</h2>
    <form>
        账号：
        <input type="number" placeholder="请输入账号"><br/>
        邮箱：
        <input type="email" placeholder="请输入邮箱"><br/>
        密码：
        <input type="password" placeholder="请输入密码"><br/>
        性别：
        <input type="radio" name="sex" id="boy" value="boy" checked>
        <label for="boy">男</label>
        <input type="radio" name="sex" id="girl" value="girl">
        <label for="girl">女</label><br/>
        技能：
        <input type="checkbox" name="hobby" id="1" value="HTML+CSS">
        <label for="1">HTML+CSS</label>
        <input type="checkbox" name="hobby" id="2" value="Javascript">
        <label for="2">Javascript</label>
        <input type="checkbox" name="hobby" id="3" value="Php">
        <label for="3">Php</label>
        <input type="checkbox" name="hobby" id="4" value="Java">
        <label for="4">Java</label><br/>
        头像：
        <input type="file"><br/>
        <label for="place">现居地：</label>
        <select name="placename" id="place">
            <option value="zhejiang">浙江省</option>
            <option value="hunan">湖南省</option>
            <option value="sichuan">四川省</option>
            <option value="henan">河南省</option>
        </select>
        <select name="placename1" id="place1">
            <option value="hangzhou">杭州市</option>
            <option value="ningbo">宁波市</option>
            <option value="jiaxing">嘉兴市</option>
            <option value="wenzhou">温州市</option>
            <option value="shaoxing">绍兴市</option>
            <option value="jinhua">金华市</option>
        </select>
        <br/>
        <br/>
        <label for="course">所学课程：</label>
        <select name="coursename" id="course" multiple size="3">
            <option value="Web" selected>Web前端</option>
            <option value="Java">程序设计</option>
            <option value="Cisco">网络基础</option>
            <option value="Math">高等数学</option>
            <option value="English">英语</option>
            <option value="P.E.">体育</option>
        </select><br/>
        <br/>
        留言：
        <textarea name="longtext" id="text" cols="30" rows="10" placeholder="请输入留言内容"></textarea><br/>
        验证码：<input type="text">
        <img src="尉迟鹤泽/yzm.png" width="120" height="30"><br/>
        <br/>
        <input type="submit" value="提交">
        <input type="reset" value="重置">
    </form>
</body>
</html>